:root {
  --aside-width: 36.5vw;
  --scaling: 0.6;
  --bs-body-bg: #030B1C;
}

html {
  background-color: var(--bs-body-bg);
}

.theme-color {
  --el-color-primary: #3EEBFF;
}

#app {
  overflow: hidden;
}

/* 1. 声明过渡效果 */
.fade-move,
.fade-enter-active,
.fade-leave-active {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

/* 2. 声明进入和离开的状态 */
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
  transform: scaleY(0.01) translate(30px, 0);
}

/* 3. 确保离开的项目被移除出了布局流
      以便正确地计算移动时的动画效果。 */
.fade-leave-active {
  position: absolute;
}